<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Super - Emlog6 Template</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" rel="stylesheet">
<link href="app.css" rel="stylesheet">
</head>
<body>

<header id="header" class="page-header p-2 bg-white sticky">
	<div class="navbar navbar-expand-lg">
		<a href="#" class="navbar-brand">
			<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"><path d="M431.968 224c-11.328 0-22.016 3.904-30.848 11.36A47.952 47.952 0 0 0 384.032 272v195.264c0 5.728-3.52 10.912-8.864 13.024l-1.28 0.512c-35.52 13.984-67.84 29.28-93.44 44.224-15.328 8.96-24.48 24.64-24.48 41.92v66.112c0 53.6 22.304 106.4 61.248 144.832 36.608 36.128 84.064 56.928 132.416 55.072a190.352 190.352 0 0 0 129.248-52.896l6.944-6.656 212.032-212.032a7.328 7.328 0 0 0-0.96-11.168c-44.8-28.16-101.856-21.792-138.944 15.36L608 615.52v-134.592c0-26.464-21.536-48-48-48-16.128 1.536-43.04 5.024-60.544 8.896l-19.456 4.32v-170.24c0-25.376-17.056-47.392-39.712-51.2a52.768 52.768 0 0 0-8.32-0.704z" fill="#2C7BE5" p-id="12043"></path><path d="M432.032 239.072c19.488 0 32 17.856 32 35.904v172.672a13.984 13.984 0 0 0 17.056 13.664c26.944-6.048 45.248-9.984 80.16-13.28A32 32 0 0 1 592 480v134.624a16.032 16.032 0 0 0 27.328 11.328L669.28 576a95.008 95.008 0 0 1 67.648-28.032c14.272 0 28.256 3.136 41.408 9.408-10.08 10.08-200.192 200.384-210.464 210.176a174.464 174.464 0 0 1-118.4 48.48h-2.048C352.32 816.032 272 731.808 272 632.096v-66.112c0-11.52 6.176-22.016 16.576-28.096 36.128-21.12 72.288-35.712 102.592-47.648a13.968 13.968 0 0 0 8.832-13.024V271.072c0-17.536 14.464-32 32.032-32m0-32c-35.2 0-64 28.8-64 64V464.96c-35.04 13.792-68.352 29.376-95.616 45.312C252.48 521.92 240 542.912 240 565.984v66.112C240 746.72 333.088 848 447.424 848h2.464a206.256 206.256 0 0 0 140.064-57.312l0.032 0.288 219.2-219.232c9.12-9.088 9.12-23.84 0.032-32.928-9.536-9.536-40.512-22.88-72.288-22.88a127.2 127.2 0 0 0-90.272 37.408L624 575.968V480c0-35.2-28.768-64-63.968-64-16.16 1.472-44.512 4.96-64.032 9.28v-150.304c0-34.624-25.536-67.904-63.968-67.904z" fill="#2C7BE5" p-id="12044"></path></svg>
			<span class="hidden-folded d-inline l-s-n-1x">Super</span>
		</a>
		
		<div class="collapse navbar-collapse order-2 order-lg-1" id="navbarToggler">
			<ul class="navbar-nav" data-nav>
				<li class="nav-item"><a href="#demos" class="nav-link"><span class="nav-text">演示</span></a></li>
				<li class="nav-item"><a href="#features" class="nav-link"><span class="nav-text">特征</span></a></li>
			</ul>
		</div>
		<ul class="nav navbar-menu order-1 order-lg-2">
			<li class="nav-item d-lg-none"><a href="#" class="nav-link px-2" data-toggle="collapse" data-toggle-class data-target="#navbarToggler"><i data-feather="align-center"></i></a></li>
		</ul>
	</div>
</header>

<div id="main" class="layout-row flex">
	<div id="content" class="flex">
		<div class="bg-white">
			<div class="bg-white p-5">
				<div class="col-md-8 mx-auto">
					<div class="py-2 text-center">
						<h1 class="text-lg font-weight-bold text-highlight">极致三栏主题，极具个性</h1>
						<p class="text-md my-5 l-h-2x">惊叹的暗夜风格，鲜明张扬，经典永恒，优雅而友善</p>
						<a href="#demos" class="btn btn-md btn-white b-a m-1">View the Demo</a>
						<a href="http://wpa.qq.com/msgrd?v=3&uin=877085893&site=qq&menu=yes" target="_blank" class="btn btn-md btn-primary m-1 position-relative">Buy this theme<div style="position: absolute;top: -36px;right: -30px;" class="btn btn-lg btn-raised btn-wave btn-icon btn-rounded mb-2 red text-white">￥299</div></a>
                        <p class="mt-3 d-none">当前购买将在<code class="mx-3">2020.07.07</code>统一发售</p>
					</div>
				</div>
			</div>
			<div class="bg-white b-b px-2 py-5">
				<div class="col-10 col-sm-6 mx-auto">
					<div class="browser colored no-b-b no-r-b bg-body">
						<div class="pos-rlt">
							<div class="pos-abt swapimg" style="background-image: url(img/a.png)">
								<div class="handler"></div>
							</div>
							<img src="img/b.png" class="w-100 no-radius" alt="Dark Home">
						</div>
					</div>
				</div>
			</div>
			<div class="px-2 py-5 bg-dark" id="demos">
				<div class="col-11 col-sm-9 mx-auto">
					<h2 class="h1 text-highlight mt-5 font-weight-bold">Demos</h2>
					<p>独特布局风格展现出独一无二的特性</p>
					<div class="row">
						<div class="col-6 col-md-6 my-4">
							<span class="text-muted">.01</span>
							<h5 class="my-3 text-highlight">Default</h5>
							<a class="w-100 h-auto fancybox-button" href="img/d.png"><img src="img/d.png" class="w-100 no-radius" alt="Admin"></a>
						</div>
						<div class="col-6 col-md-6 my-4">
							<span class="text-muted">.02</span>
							<h5 class="my-3 text-highlight">Two</h5>
							<a class="w-100 h-auto fancybox-button" href="img/c.png"><img src="img/c.png" class="w-100 no-radius" alt="music"></a>
						</div>
					</div>
				</div>
			</div>
			<div class="px-2 py-5 bg-body" id="features">
				<div class="col-10 col-sm-8 mx-auto">
					<h2 class="h1 text-highlight mt-5 font-weight-bold">特征</h2>
					<p>BT4 布局让你网站熠熠生辉</p>
					<div class="row">
						<div class="col-6 col-md-3 my-4">
							<span class="text-muted">.01</span>
							<h5 class="my-3 text-highlight">悬浮文章</h5>
							<p class="text-muted">独一无二的悬浮特色，让你无需点击文章链接即可在首页查阅详情进行评论</p>
						</div>
						<div class="col-6 col-md-3 my-4">
							<span class="text-muted">.02</span>
							<h5 class="my-3 text-highlight">智能的裁剪文章缩略图</h5>
							<p class="text-muted">采用timthumb裁剪文章缩略图，裁剪最合适的图片大小，智能居中特色缩略图。</p>
						</div>
						<div class="col-6 col-md-3 my-4">
							<span class="text-muted">.03</span>
							<h5 class="my-3 text-highlight">Comment Ajax</h5>
							<p class="text-muted">完美重置评论ajax写法，让悬浮于正文更加完美提交</p>
						</div>
						<div class="col-6 col-md-3 my-4">
							<span class="text-muted">.04</span>
							<h5 class="my-3 text-highlight">分页无限加载</h5>
							<p class="text-muted">厌烦了普通的分页方式，可选开启并设置无限加载页数即可滚动自动加载分页内容</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ############ Content END-->
</div>

<footer id="footer" class="page-footer bg-black">
<div class="page-container">
	<div class="padding">
		<div class="py-5 text-inherit text-hover-primary">
			<div class="row">
				<div class="col-12">
					<div class="mb-2">
						<a href="#" class="navbar-brand">
							<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"><path d="M431.968 224c-11.328 0-22.016 3.904-30.848 11.36A47.952 47.952 0 0 0 384.032 272v195.264c0 5.728-3.52 10.912-8.864 13.024l-1.28 0.512c-35.52 13.984-67.84 29.28-93.44 44.224-15.328 8.96-24.48 24.64-24.48 41.92v66.112c0 53.6 22.304 106.4 61.248 144.832 36.608 36.128 84.064 56.928 132.416 55.072a190.352 190.352 0 0 0 129.248-52.896l6.944-6.656 212.032-212.032a7.328 7.328 0 0 0-0.96-11.168c-44.8-28.16-101.856-21.792-138.944 15.36L608 615.52v-134.592c0-26.464-21.536-48-48-48-16.128 1.536-43.04 5.024-60.544 8.896l-19.456 4.32v-170.24c0-25.376-17.056-47.392-39.712-51.2a52.768 52.768 0 0 0-8.32-0.704z" fill="#ffffff" ></path><path d="M432.032 239.072c19.488 0 32 17.856 32 35.904v172.672a13.984 13.984 0 0 0 17.056 13.664c26.944-6.048 45.248-9.984 80.16-13.28A32 32 0 0 1 592 480v134.624a16.032 16.032 0 0 0 27.328 11.328L669.28 576a95.008 95.008 0 0 1 67.648-28.032c14.272 0 28.256 3.136 41.408 9.408-10.08 10.08-200.192 200.384-210.464 210.176a174.464 174.464 0 0 1-118.4 48.48h-2.048C352.32 816.032 272 731.808 272 632.096v-66.112c0-11.52 6.176-22.016 16.576-28.096 36.128-21.12 72.288-35.712 102.592-47.648a13.968 13.968 0 0 0 8.832-13.024V271.072c0-17.536 14.464-32 32.032-32m0-32c-35.2 0-64 28.8-64 64V464.96c-35.04 13.792-68.352 29.376-95.616 45.312C252.48 521.92 240 542.912 240 565.984v66.112C240 746.72 333.088 848 447.424 848h2.464a206.256 206.256 0 0 0 140.064-57.312l0.032 0.288 219.2-219.232c9.12-9.088 9.12-23.84 0.032-32.928-9.536-9.536-40.512-22.88-72.288-22.88a127.2 127.2 0 0 0-90.272 37.408L624 575.968V480c0-35.2-28.768-64-63.968-64-16.16 1.472-44.512 4.96-64.032 9.28v-150.304c0-34.624-25.536-67.904-63.968-67.904z" fill="#ffffff"></path></svg>
							<span class="hidden-folded d-inline l-s-n-1x">Super</span>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="py-5 text-sm text-muted">
			<div class="row">
				<div class="col-12 col-sm-4">&copy; Copyright. Super</div>
				<div class="col-12 col-sm-8">MrTang design layout</div>
			</div>
		</div>
	</div>
</div>
</footer>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-migrate/3.3.0/jquery-migrate.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/scrollReveal.js/3.3.6/scrollreveal.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/feather-icons/4.28.0/feather.min.js"></script>
<script src="app.js"></script>
</body>
</html>